import { Card, Spin } from 'antd';

// import ReactTexty from 'react-texty';
// import styles from './index.module.less';

export default function ReactTextTest() {
  return (
    <Card title="texty实现方案调查">
      <div style={{ display: 'flex' }}>
        <div>
          {/* <div style={{ width: 80 }}>
            <ReactTexty className="text-ellipsis">this is a test 这是一个测试</ReactTexty>
          </div>
          <div style={{ width: 130 }}>
            <ReactTexty
              hideDelay={20000}
              placement="bottom"
              className="text-ellipsis"
              tooltipClassName={styles['my-texty']}
              arrowClassName={styles['my-texty-arrow']}
            >
              延时关闭20s，this is a test 这是一个测试
            </ReactTexty>
          </div> */}
        </div>
        <div style={{ flex: 1, paddingLeft: 30 }}>
          <p>
            <code>react-texty</code> 并不好，依赖的<code>react-popper</code>
            已经过时了，并且传入arrowClassName虽然有效，但会引起“非DOM属性”的错误警告
            <br />
            为避免console错误警告，已经注释代码，查看需自行放开！
          </p>
        </div>
      </div>
    </Card>
  );
}
